<%@page import="java.util.ArrayList"%>
<%@page import="accessor.Products"%>
<%@page import="java.util.List"%>
<%@page import="accessor.Customer"%>
<!DOCTYPE html>
<html>
    <head>
        <meta name="keywords" content="" />
        <meta name="description" content="" />
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <title>OH</title>
        <link href="../assets/css/frontend/style.css" rel="stylesheet" type="text/css" media="screen" />
        <link href="../assets/css/frontend/form.css" rel="stylesheet" type="text/css" media="screen" />
        <link href="../assets/css/frontend/validation.css" rel="stylesheet" type="text/css" media="screen" />
        <script src="../assets/js/jquery.js" type="text/javascript" charset="utf-8"></script>
        <script src="../assets/js/ancillaries.frontend.js" type="text/javascript" charset="utf-8"></script>
        <script type="text/javascript" src="../assets/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
        <script type="text/javascript" src="../assets/fancybox/jquery.fancybox-1.3.2.js"></script>
        <link rel="stylesheet" type="text/css" href="../assets/fancybox/jquery.fancybox-1.3.2.css" media="screen" />    
        <script type="text/javascript" src="../assets/js/jquery.uniform.min.js"></script>


        <script type="text/javascript">
            $(document).ready(function(){
                
            });
        </script>
    </head>
    <body>
        <%
            Customer customer = (Customer)request.getSession().getAttribute("customer");
            List<Products> cart = request.getSession().getAttribute("cart")!=null?(List<Products>)request.getSession().getAttribute("cart"):new ArrayList<Products>();
            
        %>
        <div id="wrapper">
            <div id="header">
                <div id="header_left">
                    <div id="logo">
                        <img src="../assets/css/frontend/images/head_logo.jpg" width="449" height="122">
                    </div>
                    <div id="search">
                        <form action="search_product.jsp" method="get">
                            <input name="key_search" type="text">
                            <input type="submit" name="search_submit" value="&nbsp;">
                        </form>
                    </div>
                    <div id="menu">
                        <ul>
                            <li class="icon1 current"><a href="index.jsp">HOME</a></li>
                            <li class="icon2"><a href="listing.jsp">ONLINE STORE</a></li>
                            <li class="icon4"><a href="#">CONTACT</a></li>
                            <li class="icon5"><a href="#">ABOUT US</a></li>
                        </ul>
                    </div>
                    <!-- end #menu --> 
                </div>
                <div id="header_right">
                    <div class="log_reg" style="text-align:left;">
                        <% if(customer==null){%>
                        <a id="login_link" href="#login_popup">LOGIN</a> | 
                        <a id="register" href="../register">REGISTER</a>
                        <%} else{%>
                        <span style="color: #FF6400;float: left;">Hi : <%=customer.getFirstName()%> | <a href="edit_profile.jsp">EDIT PROFILE</a></span><br/>
                        <a href="../changepass">CHANGE PASS</a>|<a href="../logout">LOGOUT</a>
                        <%}%>
                    </div>
                    <div id="cart_fly">
                        <a href="home_order.jsp" style="color: white;">IN CART
                        <span id="cart_count"><%=cart.size()%></span>item(s)
                        </a>
                    </div>
                </div>
            </div>
            <!-- end #header -->

            <div id="page">

                <div id="content">
	
                    <div class="break_line" style="height:20px"></div>
